<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="keywords" content="hexo, autumn">
    <title>
        弋泠
    </title>
    <!-- favicon -->
    
    <link rel="icon" href="https://cdn.jsdelivr.net/gh/frontendsophie/hexo-theme-autumn@1.0.0/source/img/favicon.ico">
     <link rel="stylesheet" href="/css/style.css">

    <!-- highlight -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/highlight.js/9.12.0/styles/github-gist.min.css">
    <script src="//cdn.bootcss.com/highlight.js/9.2.0/highlight.min.js"></script>
    <script>
        hljs.initHighlightingOnLoad()
    </script>
    <script src="https://cdn.jsdelivr.net/gh/frontendsophie/hexo-infinite-scroll@2.0.0/dist/main.js"></script>

    <script>
        infiniteScroll()

        window.addEventListener('DOMContentLoaded', function () {
            const [
                mainTitle,
                mobileMenu,
                mobileMainTitle,
                mobileMenuBtn,
                ipadMenuBtn,
                aside,
                closeBtn,
            ] = getEle(
                '#main-title',
                '.mobile-menu',
                '.mobile-menu h3',
                '.mobile-menu button',
                '.ipad-menu',
                'aside',
                'aside .close',
            )
            const io = new IntersectionObserver(entries => {
                if (entries[0].intersectionRatio <= 0) {
                    mobileMainTitle.classList.remove('invisibile')
                } else {
                    mobileMainTitle.classList.add('invisibile')
                }
            })
            io.observe(mainTitle)

            clickToggleAside(mobileMenuBtn)
            clickToggleAside(ipadMenuBtn)
            clickToggleAside(closeBtn, false)

            const isMenuVisible = window.getComputedStyle(mobileMenu).display !== 'none'
            if (isMenuVisible) document.body.style.background = 'none'

            function getEle(...args) {
                return args.map(arg => document.querySelector(arg))
            }

            function clickToggleAside(btn, show = true) {
                btn.addEventListener('click', function () {
                    if (show) {
                        aside.style.display = 'block'
                    } else {
                        aside.style.display = 'none'
                    }
                })
            }
        })
    </script>
</head>

<body style="background: url(https://cdn.jsdelivr.net/gh/frontendsophie/hexo-theme-autumn@1.0.0/source/img/button-bg.png) #f3f3f3">
    <div class="container">
        <header class="header">
    <nav class="mobile-menu" style="background: url(https://cdn.jsdelivr.net/gh/frontendsophie/hexo-theme-autumn@1.0.0/source/img/button-bg.png) #f3f3f3">
        <h3 class="invisibile">
            <a href="/" class="logo">
                弋泠
            </a>
        </h3>
        <button class="menu">menu</button>
    </nav>

    <button class="ipad-menu menu">menu</button>

    <h1 class="title" id="main-title">
        <a href="/" class="logo">
            弋泠
        </a>
    </h1>
    <h2 class="desc">
        随笔博客(ง •_•)ง
    </h2>

    <div class="links">
        <ul>
            
            <li>
                <a href="https://github.com/uhyintl">
                    Github
                </a>
            </li>
            
            <li>
                <a href="https://www.linkedin.com/yminek">
                    LinkedIn
                </a>
            </li>
            
        </ul>
    </div>
</header>
        <main class="main">
            
<section class="posts">
    
        <article class="post">
            
                    <h1 class="post-title">
                        <a href="/2019/10/01/那些超赞的网站分享-持续更新/">
                            那些超赞的网站分享-持续更新
                        </a>
                    </h1>

                    <ul class="post-date">
                        <li>
                            2019年10月1日
                        </li>
                        <li>
                            uhyintl
                        </li>
                    </ul>
                    
                        <div class="post-cover">
                            <img src="https://i.loli.net/2017/08/15/59926e94e27df.jpg">
                        </div>
                    
                    <div class="post-content ">
                        
                            <a href="/2019/10/01/那些超赞的网站分享-持续更新/" class="more-link">Continue reading</a>
                    </div>
        </article>
        
        <article class="post">
            
                <h4 class="post-cat">
                    <a href="/categories/souce/">
                        souce
                    </a>
                </h4>
                
                    <h1 class="post-title">
                        <a href="/2019/10/01/最新IntelliJ系列产品激活码/">
                            最新IntelliJ系列产品激活码
                        </a>
                    </h1>

                    <ul class="post-date">
                        <li>
                            2019年10月1日
                        </li>
                        <li>
                            uhyintl
                        </li>
                    </ul>
                    
                        <div class="post-cover">
                            <img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=9b65765fab44ad342ebf8081e8996bc9/4afbfbedab64034f72b616b4a5c379310a551d0c.jpg">
                        </div>
                    
                    <div class="post-content ">
                        
                            <a href="/2019/10/01/最新IntelliJ系列产品激活码/" class="more-link">Continue reading</a>
                    </div>
        </article>
        
        <article class="post">
            
                <h4 class="post-cat">
                    <a href="/categories/web/">
                        web
                    </a>
                </h4>
                
                    <h1 class="post-title">
                        <a href="/2019/10/01/HTML下雪特效/">
                            HTML下雪特效
                        </a>
                    </h1>

                    <ul class="post-date">
                        <li>
                            2019年10月1日
                        </li>
                        <li>
                            uhyintl
                        </li>
                    </ul>
                    
                        <div class="post-cover">
                            <img src="https://cdn.wc1234.cn/wp-file/2018/12/c4f083a1451ba858638f44be02ed0f91.gif">
                        </div>
                    
                    <div class="post-content ">
                        
                            <a href="/2019/10/01/HTML下雪特效/" class="more-link">Continue reading</a>
                    </div>
        </article>
        
        <article class="post">
            
                    <h1 class="post-title">
                        <a href="/2019/10/01/hello-world/">
                            Hello World
                        </a>
                    </h1>

                    <ul class="post-date">
                        <li>
                            2019年10月1日
                        </li>
                        <li>
                            uhyintl
                        </li>
                    </ul>
                    
                    <div class="post-content ">
                        
                            <a href="/2019/10/01/hello-world/" class="more-link">Continue reading</a>
                    </div>
        </article>
        
</section>

        </main>
        <aside class="aside">
            <div class="close"></div>
            <section class="aside-section">
                
    <h1>Categories</h1>

    <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/souce/">souce</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/web/">web</a></li></ul>

            </section>
            <section class="aside-section">
                
    <h1>Archives</h1>

    <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/">2019</a></li></ul>


            </section>
            <section class="aside-section tag">
                
    <h1>Tags</h1>

    <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/HTML/">HTML</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/JavaScript/">JavaScript</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/java/">java</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/souce/">souce</a></li></ul>

            </section>
        </aside>
    </div>
</body>

</html>